<template>

  <van-card
      v-for="user in props.userList"
      :desc="`${user.gender===0?'女':'男'}`"
      :title="user.username"
      :thumb="user.avatarUrl"
  >
    <template #tags>
      <van-tag v-for="tag in user.tags" style="margin-right: 5px" plain type="danger">{{ tag }}</van-tag>
    </template>
    <template #footer>
      <van-button size="mini">联系我</van-button>
    </template>
  </van-card>
</template>


<script setup>



const props = defineProps({
  userList: {
    type: Array,
    required: true
  }
})


</script>


<style scoped>

</style>